@charset 'utf-8';
@import '../common';
$bg: url('../../images/common/bg.png');
.register-bg {
    z-index: -1;
    @include custom-width-height($full,
    $full);
    @include background-norepeat-cover;
    @extend .flex-top-column-bottom;
    padding: 20px;
    background-image: $bg;
}

.register-content {
    min-width: 500px;
    max-width: 1000px;
    @include custom-width-height(52%,
    600px);
    background-color: #efefef;
    border-radius: $border-radius;
}

.center {
    @extend .flex-center
}

.topbar {
    background-color: #000000;
    border-radius: $border-radius $border-radius 0 0;
    height: 12px;
    @include custom-width-height(undefined,
    12px)
}

.register-title {
    font-size: 34px;
    color: #000000;
    margin: 38px 0;
    text-align: center;
}

.register-from {}

.from-items {
    @extend .flex;
}

.from-items {
    label {
        @include custom-width-height(70px,
        38px);
        text-align: right;
        font-size: 16px;
        color: #666666;
        margin-right: 12px;
        @extend .flex-vertical-center;
        justify-content: flex-end;
    }
}

.from-item {
    @extend .flex;
    flex-direction: column;
}

.from-item input {
    @include custom-width-height(400px,
    38px);
    padding: 11px 20px;
}

.from-item span {
    font-size: 14px;
    color: #de2f00;
    margin: 20px 0;
}

.verification-code {
    @extend .flex;
    margin: 20px 0;
}

.verification-code {
    label {
        @include custom-width-height(70px,
        38px);
        text-align: right;
        font-size: 16px;
        color: #666666;
        margin-right: 12px;
        @extend .flex-vertical-center;
        justify-content: flex-end;
    }
}

.verification-code {
    input {
        @include custom-width-height(100px,
        38px);
    }
}

.verification-code {
    img {
        @include custom-width-height(110px,
        38px);
        margin: 0 13px 0 18px;
    }
}

.from-checkbox {
    input {
        @include custom-width-height(13px,
        13px);
    }
}

.from-checkbox {
    span {
        @include fontSize-default;
        color: #999999;
        margin-left: 10px;
    }
}

.from-checkbox {
    a {
        color: #e14500;
    }
}

.register-submit {
    background-color: #5aa700;
    @include custom-width-height(100px,
    38px);
    font-size: 16px;
    color: #fefefe;
}

.register-prompt {
    max-width: 437px;
    font-size: 14px;
    color: #de2f00;
}